body{font-family:"微软雅黑",Helvetica Neue,Tahoma,Arial;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#f8f8f8;height:100%;position:relative}
input[type=text],textarea{-webkit-appearance:none}
figure,h1,h2,h3,h4,h5,h6{font-weight:400}
::-webkit-selection{color:#fff;background:#267CFF}
::-moz-selection{color:#fff;background:#267CFF}
::selection{color:#fff;background:#267CFF}
a{color:#333;text-decoration:none;transition:all .3s}
a:focus,a:hover{transition:none;transition:all .3s;color:#333}
a.text-gray:hover{color:#666}
p{margin:0}
dd,dl,li,ul{margin:0;padding:0;list-style:none}
hr{background:#ebebeb}
.list-paddingleft-2{padding:0}
.max-height{height:24px;overflow:hidden}

@font-face{font-family:Bebas;src:url(../font/BEBAS___-webfont.woff.ttf) format('opentype');font-weight:400;font-style:normal}
.Bebas{font-family:Bebas;padding:0}

.container{max-width:1100px}
.container-head{max-width:96%;margin:0 auto;display:block;padding:0 10px}
.container-wrap{max-width:980px;margin:0 auto;display:block;padding:0 10px}
.container-wrap:after,.container-head:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.container-layout{max-width:1300px}

.border{border:solid 1px #ebebeb}
a.text-gray:hover{color:#666}
.box-shadow{-webkit-box-shadow:0 3px 8px -2px rgba(0,0,0,.075);box-shadow:0 3px 8px -2px rgba(0,0,0,.075)}
.fix-bottom .padding-large{padding:30px 50px 40px 50px}
.fix-bottom .padding-big{padding:20px}
.fix-footer{z-index:99}
.float-right-left{float:right;text-align:right}
.none{display:none}
.block{display:inline-block}
.bg-main{background:#282828}
.bg-sub{background:#ebebeb}
.bg-blue-gradient{background-image:linear-gradient(90deg,#a370e1 0,#6186f0 54%,#2aa6ed 100%)}
.button.bg-blue-gradient{color:#fff}
.button.bg-blue-gradient:focus,.button.bg-blue-gradient:hover{color:#fff;background-image:linear-gradient(90deg,#a370e1 0,#6186f0 54%,#2aa6ed 100%)}
.bg-gray{background:#f8f8f8}
.bg-gray-2{background:#f4f4f4}
.bg-overlay{background-attachment:fixed;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover}
.bg-overlay:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}
.button-big{padding:12px 22px}
.button-large{padding:15px 60px}
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:90px;line-height:90px;clear:both;font-size:0}
.line-small{margin-left:-1px;margin-right:-1px}
.line-small .x1,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .xb1,.line-small .xb10,.line-small .xb11,.line-small .xb12,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xl1,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xm1,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xs1,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9{position:relative;min-height:1px;padding-right:1px;padding-left:1px}
.line-large{margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .xb1,.line-large .xb10,.line-large .xb11,.line-large .xb12,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xl1,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xm1,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xs1,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

.banner{padding-top:10px;position:relative;background-repeat:no-repeat;background-position:center top;background-size:cover}
.slides .media-img{position:relative;overflow:hidden}
.slides .media-img .post-link{background:rgba(0,0,0,0);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:.5s}
.slides .media-img .zoom-banner-m{transition:.5s;padding-bottom:45%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.slides .media-img .zoom-banner-pc{transition:.5s;padding-bottom:45%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.slides .media-img .zoom-banner-single{transition:.5s;padding-bottom:33%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.slides .media-img .zoom-banner-article{transition:.5s;padding-bottom:30%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.slides .media-img .zoom-banner-article-style1{transition:.5s;padding-bottom:12%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.slides .media-img .padding{padding:100px 20px 0 20px}
.slides .media-img .padding-middle{padding:50px 20px 0 20px}
.slides .media-img h2{font-size:42px;margin-bottom:30px;font-weight:700;text-shadow:1px 1px 5px rgba(57,48,216,.6);letter-spacing:2px}
.slides .media-img h3{font-size:36px;margin-bottom:25px;font-weight:700;text-shadow:1px 1px 5px rgba(57,48,216,.6);letter-spacing:2px}
.slides .media-img a.button{padding:12px 50px}
.slides-arrow:hover .owl-nav .owl-next,.slides-arrow:hover .owl-nav .owl-prev{opacity:.3}

.loading-more a.button{padding:12px 60px}
.loading-more a.bg-white{border:1px solid rgba(0,0,0,.05);color:#a2a8b1}
.loading-more a.bg-white:hover{background:#267CFF;color:#fff}

.excerpt-info{height:24px;overflow: hidden;}
.excerpt-info ul .userimg{width:24px;height:24px}
.excerpt-info ul li{display:block;float:left;padding:0}
.excerpt-info ul li.x3-1{width:45%}
.excerpt-info ul li.x3-2{width:25%}
.excerpt-info ul li.x3-3{width:30%}

.excerpt-info ul li.x2-1{width:50%}
.excerpt-info ul li.x2-2{width:50%;}

.media-top .media-img{position:relative;overflow:hidden;z-index:3}
.media-top .media-img img{transition:.5s}
.media-top .media-img:hover img{transform:scale(1.02);transition:.5s}
.media-top .media-img h2{height:60px;line-height:64px;position:absolute;padding:0 20px;left:0;right:0;bottom:0;transition:.5s;background:linear-gradient(to top,rgba(0,0,0,.3),rgba(0,0,0,0))}
.media-top .media-img .media-link{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0}
.index-tags li{display:block;float:left;width:20%;font-size:14px;color:#666;line-height:36px}
.index-tags li a{display:block}
.index-tags li a:hover{color:#267CFF}
.article{overflow:hidden}
.article .post-meta{line-height:32px}
.article .post-meta .userimg{width:32px;height:32px}
.article .post-title h1{font-size:30px;font-weight:500;margin:10px 0}
.article .down-title h1{font-size:24px;margin:0 0 10px 0}
.article .post h2{font-size:24px;font-weight:600;line-height:28px;margin:10px 0}
.article .post h3{font-size:20px;font-weight:600;line-height:24px;margin:10px 0}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{font-size:18px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:28px;margin-bottom:10px}
.article .post img{max-width:100%}
.article .post a{text-decoration:none;border-bottom:1px solid #0053c4;color:#0053c4}
.article .post a:hover{color:#e7161a;border-bottom:0 solid #e7161a}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;position:relative;font-size:16px}
.article .post ul li p{line-height:24px}
.article .post ul li:before{content:'';position:absolute;top:10px;left:0;background:#666;width:8px;height:8px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#999}

.memberinfo .userimg{width:90px;height:90px}

.likearticle .media{transition:.5s}
.likearticle .media-img{position:relative;overflow:hidden}
.likearticle .media-body h2{min-height:46px;line-height:22px;overflow:hidden}
.likearticle .media-body h2 a{color:#666}
.likearticle .media .post-zoom{transform:scale(1);transition:.5s;padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.likearticle .media:hover h2 a{color:#2D2D2D}
.likearticle .media:hover .post-zoom{transform:scale(1.02)}

.bread-style1{line-height:50px;height:50px;font-size:0}
.bread-style1 i{font-size:14px;color:#999}
.bread-style1 a{color:#999;font-size:14px;display:inline-block}
.bread-style1 a:hover{color:#2D2D2D}
.bread-style1 a:after{content:"";padding:0 10px;background:url(../images/bread-style1.png) no-repeat center 50%}
.bread-style1 a:last-child:after{content:"";background:0 0}

.tag{display:inline-block;transition:.5s}
.tag.padding-small{padding:3px 10px}
.tag.padding{padding:5px 12px}
.tag.bg-none{padding:0}
.tag.bg-white{background-color:#fff}
.tag.bg-black{background-color:rgba(0,0,0,.3)}

.social-button a{display:inline-block;color:#fff;width:42px;height:42px;line-height:42px;margin-right:10px}
.social-button a.weixin{position:relative}
.social-button a.weixin .wx{display:none}
.social-button a.weixin:hover .wx{position:absolute;display:block;top:-112px;left:-28px;width:102px;height:102px;background:#fff;padding:2px}
.social-button a.weixin .wx:after{position:absolute;bottom:-8px;left:40px;display:inline-block;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content:''}

#share-button{line-height:32px;height:32px;width:128px;margin:0 auto}
#share-button a{display:block;float:left;width:32px;height:32px;margin:0 5px;background:url(../images/share-icon.png) no-repeat;cursor:pointer;text-indent:-100em;overflow:hidden;opacity:.8}
#share-button a:hover{opacity:1}
#share-button a.bds_sqq{transition:all .2s;background-position:0 0}
#share-button a.bds_qzone{transition:all .2s;background-position:0 -32px}
#share-button a.bds_weixin{transition:all .2s;background-position:0 -64px}
#share-button a.bds_tsina{transition:all .2s;background-position:0 -96px}

.pagination{color:#868E99}
.pagination li{margin:0 10px 0 0;border:none}
.pagination li a{border-radius:5px;color:#fff;padding:14px 18px;background:#868E99}
.pagination li i{font-size:16px;padding:0 2px}
.pagination li a:hover,.pagination li.active a{background:#267CFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;color:#fff}

footer{background:#2d2d2d;color:#fff;padding:70px 0 0 0;position:relative}
footer h3{font-size:16px;color:#fff;margin-bottom:30px;font-weight:700}
footer ul li.block{float:left}
footer ul li.block-0{width:36%}
footer ul li.block-1{width:30%}
footer ul li.block-2{width:22%}
footer ul li.block-3{width:12%}
footer ul li ul{margin-top:15px;}
footer ul li ul li.x-2{width:50%;display:block;float:left;}
footer ul li ul li a{line-height:32px;color:#999}
footer ul li ul li a:hover{color:#fff}
footer .about{padding:10px 120px 10px 0;line-height:24px;color:#666;}
footer .copyright{margin-top:40px;line-height:32px;padding:20px 0 30px 0;color:#666;border-top:1px solid #333}
footer .copyright a{color:#666}
footer .design{position:relative}
footer .qr{background:#282828;padding:12px}
footer .foot-link{line-height:32px}
footer .foot-link a{display:block;float:left;margin-left:30px;font-size:14px;color:#666}
footer .foot-channel{line-height:32px}
footer .foot-channel a{display:block;float:left;margin:0 30px;font-size:14px}
footer .foot-channel a:hover,footer .foot-link a:hover{color:#fff;transition:all .5s}

.kefu{position:fixed;width:36px;right:20px;top:60%;z-index:999}
.kefu ul li{width:36px;line-height:36px;margin-bottom:5px;float:left;position:relative;transition:all .3s;cursor:pointer}
.kefu ul li a{display:block}
.kefu ul li a:hover,.kefu ul li:hover{background:#267CFF;color:#fff}
.kefu ul li.sidewx .wxBox.son{top:0;left:-150px;width:150px;display:none;text-align:center;position:absolute}
.kefu ul li.gotop:hover{z-index:0}
.kefu ul li:hover .son{display:block!important;animation:fadein 1s}

@keyframes fadein{from{opacity:0}to{opacity:1}}
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot span{border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.owl-carousel .owl-dots .owl-dot.active span{background:#000;border-color:#000;height:20px;border-radius:10px}
.owl-carousel .owl-nav i{font-size:24px;color:#fff}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:42px;height:42px;line-height:50px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0}
.owl-carousel .owl-nav .owl-prev{background:#000;left:20px;right:auto}
.owl-carousel .owl-nav .owl-next{right:20px}
.owl-carousel.dot-center .owl-dots{position:relative;top:-30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}
.owl-carousel.dot-center .owl-dots .owl-dot span{width:7px;height:7px;margin:0 5px}
.owl-carousel.dot-center .owl-dots .owl-dot.active span{width:20px}

.subnav.padding-middle-right{padding-right:15px}
.subnav ul{padding:0;margin:0}
.subnav ul li{margin:2px 0;display:block;float:left;width:auto;height:39px;line-height:40px}
.subnav ul li a{margin:0 10px 0 0;padding:0 20px;cursor:pointer;border:1px solid #ebebeb;background:#fff;display:block;color:#666;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.subnav ul li a.active,.subnav ul li a:hover{border:1px solid #267CFF;color:#fff;background:#267CFF}
.subnav ul li b{font-weight:400}

.nav-line li{display:inline-block;position:relative;margin:0 15px}
.nav-line li a{line-height:32px;color:#666;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;text-transform:uppercase}
.nav-line li a:hover{color:#267CFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.nav-line li a.active{color:#267CFF;font-weight:600}
.nav-line li a.active::before,.nav-line li a:hover::before{content:'';position:absolute;bottom:-11px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .2s;background:#267CFF}

.filter-box{padding:20px 0 10px 0}
.filter-box dl {margin:10px 0;}
.filter-box dl dt{width:5%;display:block;float:left;line-height:28px;font-weight:normal}
.filter-box dl dd{width:95%;display:block;float:left;position:relative;}

.navtop ul li {margin:0;display:block;float:left;width:auto;line-height:28px;}
.navtop ul li a{margin:0 10px 12px 0;padding:2px 10px;cursor:pointer;display:block;color:#666;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.navtop ul li a:hover{color:#267CFF;}
.navtop ul li a.active{color:#fff;background:#267CFF}
.navtop ul li b{font-weight:normal;}

.list-post-x .media{margin-bottom:25px}
.list-post-x .media.border{border:0;border-bottom:1px solid #EBEBEB;padding-bottom:25px}
.list-post-x .media img{transition:all .3s ease-out}
.list-post-x .media .thumb-bd{position:relative;max-width:20%;overflow:hidden}
.list-post-x .media .thumb-md{position:relative;max-width:120px;overflow:hidden}
.list-post-x .media .thumb-md .playtime{position:absolute;bottom:5px;right:5px;padding:0 5px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:3;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.list-post-x .media .thumb-md .playicon{position:absolute;bottom:5px;left:5px;width:20px;height:20px;line-height:18px}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.1)}
.list-post-x .media.media-x .float-left{margin-right:15px}
.list-post-x .media.media-x .float-right{margin-left:15px}
.list-post-x .media.media-x .media-body{text-align:left;padding:0}
.list-post-x .media a:hover{color:#267CFF}
.list-post-x .media-body p{color:#666;line-height:22px}
.list-post-x .media:last-child{margin-bottom:0}

.excerpt-4 .media{-webkit-transition:.5s;transition:.5s;margin-bottom:24px}
.excerpt-4 .media.border{box-shadow:0 0 1px 1px rgba(229,229,229,.3);border:0}
.excerpt-4 .media:hover{box-shadow:0 30px 50px rgba(229,229,229,.8)}
.excerpt-4 .media-img{position:relative;overflow:hidden}
.excerpt-4 .media-body .padding{padding:10px}
.excerpt-4 .media-body .padding-big{padding:15px}
.excerpt-4 .media-body h2{min-height:40px;margin:10px 0;overflow:hidden}
.excerpt-4 .media-body h3{margin:10px 0 15px 0;overflow:hidden}
.excerpt-4 .media-body em{display:block;position:relative;line-height:18px;padding-left:15px;color:#999}
.excerpt-4 .media-body em:before{position:absolute;border-radius:20px;width:8px;height:8px;background-color:transparent;display:block;content:'';left:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.excerpt-4 .media-body em.color_1:before{border:2px solid #FF416C}
.excerpt-4 .media-body em.color_2:before{border:2px solid #ffe625}
.excerpt-4 .media-body em.color_3:before{border:2px solid #25aaff}
.excerpt-4 .media .post-zoom{transform:scale(1);transition:.5s;padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.excerpt-4 .media a.collect{opacity:0;position:absolute;top:20px;right:20px;width:68px;height:30px;line-height:28px;border:1px solid rgba(255,255,255,.8);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.excerpt-4 .media a.play{opacity:.6;position:absolute;top:50%;left:50%;margin-left:-24px;margin-top:-24px;width:48px;height:48px;line-height:48px;background:rgba(0,0,0,.6);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.excerpt-4 .media .playtime{position:absolute;bottom:10px;right:10px;padding:0 8px;height:20px;line-height:18px;background:rgba(0,0,0,.5);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.excerpt-4 .media:hover .post-zoom{transform:scale(1.02);-webkit-transition:.3s;transition:.3s}
.excerpt-4 .media:hover a.collect,.excerpt-4 .media:hover a.play{opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

/* 上图下文列表 */
.list-post-y .media{-webkit-transition:.5s;transition:.5s;margin-bottom:20px;padding-bottom:10px;}
/* .list-post-y .media:hover{-webkit-transition:.5s;transition:.5s;box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);} */
.list-post-y .media-body{text-align:left;}
.list-post-y .padding-big{padding:20px}
.list-post-y .media-body h2{margin:15px 0;overflow:hidden;}
.list-post-y .media-body h2 a{font-size:18px;font-weight:600;color: #333;}
.list-post-y .media-body strong{margin:10px 0;overflow:hidden;font-weight:400}
.list-post-y .media-body p.time{color:#999;}
.list-post-y .media .media-body a.more{color:#0A6CD9;border-bottom:2px solid #0A6CD9;padding-bottom:2px}
.list-post-y .media:hover .media-body a.more{color:#0A6CD9;border-bottom:0px solid #0A6CD9}
.list-post-y .media .zoomimg:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.5s;transition:.5s;}
.list-post-y .media:hover .zoomimg:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s;}
.list-post-y .media .zoomimg{padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
/* 上图下文列表 end */

.title-block-style1 h2{font-size:36px;font-weight:300}
.title-block-style1 h3{font-size:24px;font-weight:300}
.title-block-style1 h4{font-size:20px;font-weight:300}
.title-block-style1 h5{font-size:18px;font-weight:300;border-bottom:1px solid #edeeef;padding-bottom:15px;margin-bottom:25px}
.title-block-style2 h2{font-size:36px;font-weight:700}
.title-block-style2 h3{font-size:26px;font-weight:700}
.title-block-style2 h4{font-size:18px;font-weight:700}
.title-block-style2 h5{font-size:16px;font-weight:600;display:inline-block;margin-bottom:20px}
.title-block-style2.border-bottom{border-bottom:1px solid #EEE;line-height:22px;padding:15px 20px;}

.about-l{margin-right:50px}
.about-r{margin-left:-20px}
.about-nav{overflow:hidden;padding:11px 0}
.about-nav li{position:relative;padding:11px 0}
.about-nav li a{display:block;padding:0 30px;border-left:3px solid #fff;color:#555;line-height:30px;font-size:14px}
.about-nav li a.cur,.about-nav li a:hover{color:#FF416C;border-left:3px solid #FF416C;font-weight:700}
.content-tit{padding:6px 32px 0;line-height:65px;border-bottom:1px solid #f1f1f1}
.content-tit h2{font-size:16px;color:#333}
.guestbook{max-width:640px;margin:0 auto}
.guestbook h3{font-size:24px;font-weight:300;color:#333;margin-bottom:10px}
.guestbook .form-group{padding-bottom:20px}
.guestbook .input{height:48px;line-height:24px;padding:0 12px;border:1px solid #ddd;width:100%;display:block;border-radius:0;-webkit-appearance:none;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s;box-shadow:0 0 0 transparent inset;background:0 0}
.guestbook .textarea{padding:10px 12px;line-height:24px;width:100%;background:0 0;border:1px solid #ddd}
.guestbook .label{padding-bottom:10px;display:block;line-height:24px}
.guestbook .label label{font-weight:400}
.guestbook select{padding:0 30px 0 8px;color:#adadad;border-radius:0;height:48px;line-height:46px;border:solid 1px #ddd;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select-arrow.png) no-repeat right center}
.guestbook .form-tips .guestbook .input-help ul{border:solid 0 #ddd;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;color:#e33;font-size:12px}
.guestbook .input::-webkit-input-placeholder,.guestbook .textarea::-webkit-input-placeholder{color:#666}
.guestbook .input:-moz-placeholder,.guestbook .textarea:-moz-placeholder{color:#666}
.guestbook .input::-moz-placeholder,.guestbook .textarea::-moz-placeholder{color:#666}
.guestbook .input:-ms-input-placeholder,.guestbook .textarea:-ms-input-placeholder{color:#666}

#friend{line-height:32px;position:relative;z-index:999;float:right}
#friend a{display:block;margin-left:30px;font-size:14px}
#friend a:hover{color:#ccc}
#friend ul{padding:10px 20px;min-width:160px;border:1px solid #202020;background:#181818;bottom:31px;display:none;right:0;overflow:hidden;position:absolute}
#friend ul li a{display:block;line-height:28px;padding:0;margin:0}
#friend ul li a:hover{text-decoration:none}

@media screen and (max-width:1440px){
.container-wrap{max-width:98%}
.container-layout{max-width:1300px}
.container-head{max-width:99%;}
.container{max-width:960px}
}

@media screen and (max-width:640px){
.container-layout,.container-wrap{max-width:100%}
.line-small{margin-left:-5px;margin-right:-5px}
.line-small .x1,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .xb1,.line-small .xb10,.line-small .xb11,.line-small .xb12,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xl1,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xm1,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xs1,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.line-middle{margin-left:-5px;margin-right:-5px}
.line-middle .x1,.line-middle .x10,.line-middle .x11,.line-middle .x12,.line-middle .x2,.line-middle .x3,.line-middle .x4,.line-middle .x5,.line-middle .x6,.line-middle .x7,.line-middle .x8,.line-middle .x9,.line-middle .xb1,.line-middle .xb10,.line-middle .xb11,.line-middle .xb12,.line-middle .xb2,.line-middle .xb3,.line-middle .xb4,.line-middle .xb5,.line-middle .xb6,.line-middle .xb7,.line-middle .xb8,.line-middle .xb9,.line-middle .xl1,.line-middle .xl10,.line-middle .xl11,.line-middle .xl12,.line-middle .xl2,.line-middle .xl3,.line-middle .xl4,.line-middle .xl5,.line-middle .xl6,.line-middle .xl7,.line-middle .xl8,.line-middle .xl9,.line-middle .xm1,.line-middle .xm10,.line-middle .xm11,.line-middle .xm12,.line-middle .xm2,.line-middle .xm3,.line-middle .xm4,.line-middle .xm5,.line-middle .xm6,.line-middle .xm7,.line-middle .xm8,.line-middle .xm9,.line-middle .xs1,.line-middle .xs10,.line-middle .xs11,.line-middle .xs12,.line-middle .xs2,.line-middle .xs3,.line-middle .xs4,.line-middle .xs5,.line-middle .xs6,.line-middle .xs7,.line-middle .xs8,.line-middle .xs9{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.line-big{margin-left:-5px;margin-right:-5px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.line-large{margin-left:-5px;margin-right:-5px}
.line-large .x1,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .xb1,.line-large .xb10,.line-large .xb11,.line-large .xb12,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xl1,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xm1,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xs1,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9{position:relative;min-height:1px;padding-right:10px;padding-left:10px}

.excerpt-info ul li.x3-1{width:60%}
.excerpt-info ul li.x3-2{width:50%}
.excerpt-info ul li.x3-3{width:40%}

.padding-large{padding:20px}
.padding-large-top{padding-top:20px}
.padding-large-right{padding-right:20px}
.padding-large-bottom{padding-bottom:20px}
.padding-large-left{padding-left:20px}

.padding-big{padding:15px}
.padding-big-top{padding-top:15px}
.padding-big-right{padding-right:15px}
.padding-big-bottom{padding-bottom:15px}
.padding-big-left{padding-left:15px}

.padding-middle{padding:10px}
.padding-middle-top{padding-top:10px}
.padding-middle-right{padding-right:10px}
.padding-middle-bottom{padding-bottom:10px}
.padding-middle-left{padding-left:10px}

.blank-small{height:10px;line-height:10px}
.blank-middle{height:20px;line-height:20px}
.blank-big{height:30px;line-height:30px}
.blank-large{height:50px;line-height:50px}
.button-big{padding:8px 20px}
.button-large{padding:10px 25px;margin:10px 0}
.text-default{font-size:16px}
.text-large{font-size:20px}
.float-right-left{float:left;text-align:left}
.excerpt-info ul li.x3-2{width:0}
.excerpt-info ul li.x3-2{width:50%}
.excerpt-info ul li.x3-3{width:50%}
.title-block-style1 h2{font-size:24px;}
.title-block-style1 h3{font-size:20px;}
.title-block-style1 h4{font-size:18px;}
.title-block-style1 h5{font-size:16px;margin-bottom:15px}
.title-block-style2 h2{font-size:24px;}
.title-block-style2 h3{font-size:22px;}
.title-block-style2 h4{font-size:18px;}
.title-block-style1 h5{font-size:16px;margin-bottom:15px}

.slides .media-img .zoom-banner-m{padding-bottom:60%}
.slides .media-img .zoom-banner-pc{padding-bottom:60%}
.slides .media-img .zoom-banner-single{padding-bottom:33%}
.slides .media-img .zoom-banner-article-style1{padding-bottom:50%}
.slides .media-img .padding{padding:50px 20px 0 20px}
.slides .media-img h2{font-size:30px;margin-bottom:0}
.slides .media-img p{font-size:16px}
.article .post-title h1{font-size:24px;line-height:36px}
.article .down-title h1{font-size:20px}
.article .post h2{font-size:20px;line-height:26px}
.article .post h3{font-size:18px;line-height:24px}
.subnav ul li{margin-bottom:10px;height:30px;line-height:30px}
.subnav ul li a{margin:0 10px 0 0}

.list-post-x .media .thumb-bd{position:relative;max-width:33%;}
.excerpt-4 .media-body .padding-big{padding:10px}
.media-top .media-img{margin-bottom:10px}
.media-top .media-img h2{font-size:16px}
.index-tags li{width:33.3333333333%;line-height:32px}

.about-l{margin-right:0;width:100%}
.about-r{margin-left:0;width:100%}

footer{padding:0}
footer ul{padding-left:10px}
footer ul li.block{float:none}
footer ul li.block-1,footer ul li.block-2,footer ul li.block-3,footer ul li.block-4,footer ul li.block-5,footer ul li.block-6{width:100%}
footer .copyright{margin-top:0;padding:20px;font-size:16px;text-align:center}

}